<!-- Importamos los metodos js del abm de servicios -->
<script type="text/javascript" src="<?php echo base_url(); ?>js/servicios.js"></script>

<script type="text/javascript">
	//Esto se ejecuta cuando se termina de cargar la web
	$(document).ready(function(){
		//Le damos el foco al primer campo del formulario
		$("#nombre").focus();
		
		//Especificamos los campos que tienen restricciones en los valores de entrada
		$('#precio').numeric();
	});
</script>

<!-- Identificador de seccion -->
<div>
	<hr>
	<ul class="breadcrumb">
		<li>
			<a href="<?php echo(site_url("inicio")); ?>">Home</a><span class="divider">/</span>
		</li>
		<li>
			<a href="<?php echo(site_url("servicio/consultar")); ?>">Servicios</a><span class="divider">/</span>
		</li>
		<li>
			<a href="<?php echo(current_url()); ?>">Modificar Servicio</a>
		</li>
	</ul>
	<hr>
</div>

<!-- start: Botonera chica -->
<div class="row-fluid">					
	<a onclick="modificarServicio()" href="#" class="quick-button-small span1">
		<i class="fa-icon-save green"></i>
		<p>Guardar</p>						
	</a>
	
	<?php if($idServicioAnt != 0) { ?>
	<a href="<?php echo site_url("servicio/abrirPantallaModificar/".$idServicioAnt) ?>" class="quick-button-small span1">
		<i class="fa-icon-chevron-left blue"></i>
		<p>Anterior</p>						
	</a>
	<?php } else { ?>
	<a class="quick-button-small span1">
		<i class="fa-icon-chevron-left"></i>
		<p>Anterior</p>						
	</a>
	<?php }  ?>
	
	<?php if($idServicioSig != 0) { ?>
	<a href="<?php echo site_url("servicio/abrirPantallaModificar/".$idServicioSig) ?>" class="quick-button-small span1">
		<i class="fa-icon-chevron-right blue"></i>
		<p>Siguiente</p>
	</a>
	<?php } else { ?>
	<a class="quick-button-small span1">
		<i class="fa-icon-chevron-right"></i>
		<p>Siguiente</p>
	</a>
	<?php }  ?>
</div>
<!-- end: Botonera chica -->

<!-- Formulario y ayuda -->	
<div class="row-fluid">
	<div class="box span9">
		<div class="box-header" data-original-title>
			<h2><i class="icon-edit"></i><span class="break"></span>Datos del Servicio</h2>
			<div class="box-icon">				
				<a href="#" class="btn-minimize"><i class="icon-chevron-up"></i></a>				
			</div>
		</div>
		<div class="box-content">
			<form class="form-horizontal" action="<?php echo(site_url('servicio/modificar/'.$servicioSel->row()->idServicio)); ?>" id="formServicio" method="post" target="iframeUpload">
				<fieldset>
					<div id="campoNombre" class="control-group">
						<label class="control-label" for="nombre">Nombre: (*)</label>
						<div class="controls">
						  <input class="input-xlarge" id="nombre" name="nombre" type="text" value="<?php echo($servicioSel->row()->nombre); ?>" placeholder="Nombre" required>
						</div>
					</div>
					
					<div id="campoPrecio" class="control-group">
						<label class="control-label" for="precio">Precio: (*) </label>
						<div class="controls">
							<div class="input-prepend input-append">
								<span class="add-on">$</span><input class="input-xlarge" id="precio" name="precio" type="text" value="<?php echo($servicioSel->row()->precio); ?>" placeholder="Precio" required><span class="add-on">.00</span>
							</div>
						</div>
					</div>
					
					<div id="campoEstado" class="control-group">
						<label class="control-label" for="estado">Estado: (*)</label>
						<div class="controls">
							<select id="estado" name="estado" class="span8" required>
							<?php
								if($servicioSel->row()->estado == 1){			
							?>			
								<option value="1" selected="selected">Activo</option>
								<option value="0">Inactivo</option>	
							<?php
								} else {					
							?>
								<option value="1">Activo</option>
								<option value="0" selected="selected">Inactivo</option>					
							<?php
								}
							?>
							</select>
						</div>
					</div>
									
					<div class="form-actions">
						<button type="button" class="btn btn-primary" onclick="modificarServicio()">Guardar Servicio</button>
					</div>
					
					<iframe id="respuesta" name="iframeUpload" style="display:none"></iframe>
				</fieldset>
			</form>
		</div>
	</div><!--/span-->
	<div class="box span3">
		<div class="box-header" data-original-title>
			<h2><i class="icon-edit"></i><span class="break"></span>Ayuda Rápida</h2>
			<div class="box-icon">				
				<a href="#" class="btn-minimize"><i class="icon-chevron-up"></i></a>				
			</div>
		</div>
		<div class="box-content">
			* Los campos marcados con (*) son obligatorios
		</div>
	</div><!--/span-->
</div><!--/row-->